<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>区块</title>

    <style>

        div{
            background-color: aliceblue;
            font-size: 16px;
            margin-bottom: 15px;
            height: 40px;
        }

    </style>
</head>
<body>

<div>区块元素主要包含:h标签 p标签 ul标签 table标签</div>

<div>内联元素:b便签 td标签 a便签 img标签</div>

<div style="background-color: lightyellow ;width: 100px;height: 100px">
    div块级元素1
</div>
<div style="background-color:red ;width: 100px;height: 100px">
    div块级元素2
</div>


<span style="background-color: azure;width: 100px;height: 100px">

    span内联元素1
</span>
<span style="background-color: #8cebff;width: 100px;height: 100px">

    span内联元素2
</span>


</body>
</html>